<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script type="text/javascript" src="js/picbox.js"></script>
	<link rel="stylesheet" href="css/picbox.css" type="text/css" media="screen" />
	<style type="text/css">
		body {
			background-color: #fff;
			font-family: arial, helvetica, sans-serif;
			color: #000;
		}
		h1, p {
			text-align: center;
		}
		p {
			margin-top: 10px;
		}
		a {
			font-weight: bold;
			color: #f00;
		}
		img{ border:none;}
	</style>
</head>
<body>
	<h1>Picbox example page</h1>
	<p>More script and css style
: <a href="http://www.htmldrive.net/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">www.htmldrive.net </a><br>

		Click images to view a picture inside Picbox.
	</p>
	
	<p><a rel="lightbox-demo" href="demo1.jpg" title="Double click the image to show full size (or use your scroll wheel)"><img width="150" height="150" alt="demo1" src="demo1s.jpg" title="demo1" class="alignnone size-thumbnail wp-image-48"></a> <a rel="lightbox-demo" href="demo3.jpg" title="Captions (like this one) can be set using the title attribute."><img width="150" height="150" alt="demo3" src="demo3s.jpg" title="demo3" class="alignnone size-thumbnail wp-image-50"></a>  <a rel="lightbox-demo" href="demo4.jpg" title="Thanks to joel for letting me steal some of his photos. See  for more"><img width="150" height="150" alt="demo4" src="demo4s.jpg" title="demo4" class="alignnone size-thumbnail wp-image-51"></a></p>
</body>
</html>
